@charset "utf-8";
/* 作者：神夜 */
* { margin: 0px; padding: 0px; box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; overflow-x:hidden;}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #333; font-family: 'Microsoft Yahei'; }
*:focus { outline: none; }
img { border: 0px; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none;}
a:hover { color: #0090da; }
.warp { max-width: 1200px; margin: 0 auto; padding:0 12px; }
.clear { clear: both; overflow: hidden; content: ''; height: 0px; }
.fl { float: left; }
.fr { float: right; }
i, em { font-style: normal; display: inline-block; }
@font-face {
    font-family: HelveticaNeueLT-ThinExt;
    src: url("../fonts/HelveticaNeueLT-ThinExt/sfont.otf") format("opentype");
    src: url("../fonts/HelveticaNeueLT-ThinExt/sfont.eot"),
         url("../fonts/HelveticaNeueLT-ThinExt/sfont.ttf") format('truetype'),
         url("../fonts/HelveticaNeueLT-ThinExt/sfont.eot?#iefix") format('embedded-opentype');
}

/**头部**/
.header{ height:90px; position:absolute; z-index:111; top:0px; width:100%; left:0px;}
.header .logo{ position:absolute; left:53px; top:26px;}
.header ul{ float:right;}
.header ul li{ float:left; position:relative; width:148px; }
.header ul li > a{ display:block; height:90px; font-size:15px; text-align:center; color:#fff; font-weight:bold; line-height:90px; position:relative; }
.header ul li > a i{ display:inline-block; width:11px; height:7px; background:url(../sj.png) no-repeat center;}
.header ul li:hover > a,.header ul li > a.on{ color:#ffc000;}
.header ul li .nson{ position:absolute; left:0px; width:100%; background:rgba(255,255,255,0.8); top:90px; z-index:1111; display:none;}
.header ul li .nson .nson-item{ position: relative;}
.header ul li .nson a{ display:block; line-height:40px; border-bottom:1px solid #eee; font-size:14px; text-align:center;}
.header ul li .nson a:last-child{ border:0px;}
.header ul li .nson .nson-item:hover > a{ background:#e67817; color:#fff;}
.header ul li .nson .nson-item:hover .mson{ display: block;}
.header ul li .nson .nson-item .mson{position: absolute; width:220px; left:100%; top:0;  background:rgba(255,255,255,0.8); display: none;}
.header ul li .nson .nson-item .mson > a{display:block; line-height:40px; border-bottom:1px solid #eee; font-size:14px; text-align:center;}
.header ul li .nson .nson-item .mson > a:hover{background:#e67817; color:#fff;}

.header ul li.li4 > a i,.header ul li.li5 > a i{ display:none;}
.header ul li.lang a{ display:inline-block; font-weight:normal;}
.header ul li.lang i{ color:#fff; margin:0 11px;}

/**焦点图***/
.banner { background: #0090da; position: relative; }
.banner .swiper-wrapper{ height:auto;}
.banner .wrap{ position:absolute; left:0px; right:0px; margin:auto; bottom:50px; z-index:11;}
.banner .swiper-slide { width: 100%; overflow: hidden; height:auto; }
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-pagination{ bottom:20px;}
.banner .swiper-pagination-bullet {  width:42px; height:2px; display:inline-block; background:rgba(255,255,255,0.8); border-radius:0px; opacity:1; margin:0 3px; cursor: pointer; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0090da; opacity: 1; }
.banner .swiper-slide { visibility: hidden; opacity: 0; -webkit-transform: perspective(600px) rotateX(5deg) rotateY(-10deg); -webkit-transform-origin: center center;
 -webkit-transition:all 1s cubic-bezier(.77,0,0.5,1) 0s; }
.banner .swiper-slide.swiper-slide-active { visibility: visible; opacity: 1; -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1); }


/***首页公告***/
.notice{ overflow:hidden; margin-top:20px;}
.notice .bd{ float:left; width:550px; overflow:hidden; height:42px; line-height:42px; background:url(../notice.png) no-repeat left center; padding-left:30px;}
.notice .bd ul li{ height:42px;}
.notice .bd ul li a{ display:block; white-space:nowrap; position:relative; font-size:14px; overflow:hidden; text-overflow:ellipsis; padding-right:110px;}
.notice .bd ul li a span{ position:absolute; right:0px; top:0px; font-size:14px; color:#999;}
.notice .fr a{ width:125px; height:42px; border-radius:3px; float:left; margin-left:12px; color:#fff; background:#f58100; text-align:center; line-height:46px; font-size:16px; font-family:Arial;}
.notice .fr a.a2{ background:#0090da;}

.title{ text-align:center; padding:60px 0 0 0;}
.title h1{ font-size:30px; color:#222;}
.title p{ font-size:14px; color:#999; padding-top:10px;}

.serverlist{ margin-left:-33px; overflow:hidden;}
.serverlist li{ width:33.3333333%; float:left; padding-left:33px; padding-top:33px; }
.serverlist li a{ display:block; overflow:hidden; border-bottom:1px solid #ddd; background:#fff; position:relative;  transition:all 0.6s ease ; }
.serverlist li a .pic{ overflow:hidden; position:relative;}
.serverlist li a .pic:after{ width:100%; height:100%; position:absolute; left:0px; top:0px; border:5px solid #fff; content:''; box-sizing:border-box; opacity:0; transition:all 0.3s ease;}
.serverlist li a .pic img { display:block; width:100%; height:auto;  transition:all 0.6s ease ;}
.serverlist li a .note{ height:66px; overflow:hidden; position:relative; padding-right:70px; padding-left:18px; padding-top:9px;}
.serverlist li a .note h3{ font-size:16px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom:5px; display:block; }
.serverlist li a .note p{ font-size:12px; font-weight:normal; color:#999999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.serverlist li a .note span{ width:38px; position:absolute; height:34px; border-left:1px solid #ddd; background:url(../rr.png) no-repeat right; right:20px; top:15px; transition:all 0.6s ease ;}
.serverlist li a:hover{ box-shadow:#f2f2f2 0 0 30px; transform:translateY(0px); border-bottom:1px solid #0090da}
.serverlist li a:hover p{color:#0090da;}
.serverlist li a:hover .pic img{ -webkit-filter:brightness(100%); -webkit-transform:scale(1.2);}
.serverlist li a:hover .note span{ background:url(../rr.png) no-repeat left; border-left:1px solid #0090da;}
.serverlist li a:hover .pic:after{ opacity:1;}

/***行业覆盖***/
.hyfg{ overflow:hidden; background:url(../bg.jpg) no-repeat center top; margin-top:100px;}
.hyfg .title h1{ color:#fff;}
.hyfg .title p{ color:#fff;}
.hylist{ overflow:hidden; margin-left:-31px; margin-top:33px;}
.hylist li{ float:left; width:33.33333333%; padding-left:31px; margin-top:34px; }
.hylist li .box{ height:260px; background:#0090da;text-align:center; overflow:hidden;}
.hylist li img{ display:block; margin:0 auto; margin-top:17px; max-width:85%;}
.hylist li p{ color:#fff; font-size:16px; padding-top:10px;}

/***新闻资讯***/
.news{ overflow:hidden; margin-top:30px; background:url(../newbg.jpg) no-repeat center bottom; padding-bottom:195px;  }
.news .newtop{ margin-top:60px; overflow:hidden;}
.news .newtop .fl{ width:50%; margin-bottom:35px; padding-right:30px;}
.news .newtop .fl img{ display:block; width:100%;}
.news .newtop .fl .text h2{ font-size:16px; transition:all 0.3s ease; font-weight:normal; color:#555555; margin-top:19px; height:32px; line-height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.news .newtop .fl .text .textc{ position:relative; padding-left:80px; height:45px; margin-top:19px;}
.news .newtop .fl .text .textc .note{ color:#999999; line-height:23px; font-size:14px;}
.news .newtop .fl .text .mr{ height:34px; border-left:1px solid #ddd; top:0px; position:absolute; right:0px; width:38px; background:url(../rr.png) no-repeat right center; transition:all 0.3s ease;}
.news .newtop .fl:hover h2{ color:#0090da;}
.news .newtop .fl:hover .text .mr{ border-color:#0090da; background-position:left 0;}
.news .newtop .fl:hover .ndate p b,.news .newtop .fl:hover .ndate p{ color:#0090da;}
.news .newtop .fr{ width:50%; padding-left:30px;}
.news .ndate{ text-align:center; border-right:1px solid #eee; width:70px; padding-right:5px; height:45px; overflow:hidden; position:absolute; left:0px; top:0px;}
.news .ndate p b{ display:block; font-size:24px; font-weight:normal; color:#666666; font-family:HelveticaNeueLT-ThinExt;transition:all 0.3s ease;}
.news .ndate p { font-size:14px; color:#999999;font-family:HelveticaNeueLT-ThinExt;transition:all 0.3s ease;}
.newlist1{ overflow:hidden; border-bottom:1px dotted #ddd;}
.newlist1 li{ position:relative; border-top:1px dotted #ddd; padding:15px 0;}
.newlist1 li h2{ font-size:16px; color:#555555; font-weight:normal;transition:all 0.3s ease; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newlist1 li .note{ padding-left:80px; height:45px; overflow:hidden; font-size:14px; line-height:23px; color:#999999; position:relative;}
.newlist1 li .ndate{ top:0px;}
.newlist1 li a:hover h2{ color:#0090da;}
.newlist1 li a:hover .ndate p b{ color:#0090da;}
.newlist1 li a:hover .ndate p { color:#0090da;}
.amore{ display:block; margin:0 auto; width:130px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px; font-family:Arial; background:#0090da; border-radius:3px; margin-top:50px;}
.amore:hover{ color:#fff; background:#0a98e1}

/***关于我们数字***/
.aboutnum{ overflow:hidden; padding:80px 0;}
.aboutnum li{ float:left; width:25%; text-align:center; position:relative;}
.aboutnum li .p1 b{ font-size:60px; color:#444444; font-family:HelveticaNeueLT-ThinExt;}
.aboutnum li .p1 span{ font-size:40px; vertical-align:30px;}
.aboutnum li .p2{ font-size:14px; color:#666;}
.aboutnum li:after{ position:absolute; content:''; width:1px; background:#ddd; right:0px; height:80px; top:50%; transform:translateY(-50%);}
.aboutnum li:last-child:after{ display:none;}

/***关于我们***/
.about{ overflow:hidden; background:#f4f4f4; position:relative;}
.about .pic{ overflow:hidden; width:50%; float:left; position:relative; z-index:1;}
.about .img{ display:block; transition:all 0.5s ease; width:100%;}
.about .img:hover{ transform:scale(1.1222);}
.about .warp{ position:absolute; right:0px; top:0px; width:50%;}
.about .aboutxt{ float:left; max-width:595px; padding-top:127px; margin-left:70px;}
.about .aboutxt h1{ font-size:30px; padding-bottom:10px;}
.about .aboutxt p{ font-size:14px; color:#999;}
.about .aboutxt .note{ font-size:14px; padding-top:50px; line-height:30px;}
.about .aboutxt .amore{ margin-top:20px; float:left;}
@media(max-width:1425px){
	.about .aboutxt{ padding-top:80px;}
	.about .aboutxt .amore{ margin-top:40px;}
}


/***内页***/
.topimg{ height:300px; overflow:hidden; position:relative;}
.topimg h1{ position:absolute; top:0px; left:0px; width:100%; text-align:center; color:#fff; font-weight:normal; font-size:22px; padding-top:140px;}
.topimg h1 p{ font-size:16px; font-family:HelveticaNeueLT-ThinExt; text-transform:uppercase;}

.leader{ height:60px; line-height:60px; border-bottom:1px solid #eee; overflow:hidden;}
.leader h2{float:left; font-size:20px; color:#0090da; }
.leader span{ float:right; color:#999; font-size:14px; }
.leader span a{ color:#999; margin-left:12px; padding:5px 20px; border:1px solid #eee; border-radius:20px;}
.leader span i{ font-family:宋体; margin:0 10px; color:#d3d3d3;}
.leader span a:hover,.leader span a.on{ color:#0090da; border:1px solid #0090da;}

/***新闻列表***/
.newlist { margin-top: 20px; }
.newlist li { position: relative; padding: 33px 0; overflow: hidden; border-bottom: 1px dotted #ddd; transition: all 1s ease; }
.newlist li .note { padding-right: 185px; }
.newlist li .note h3 { font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newlist li .note p { font-size: 14px; line-height: 25px; color: #999; padding-top: 25px; }
.newlist li .date { position: absolute; right: 60px; top: 50px; text-align:center; font-family:HelveticaNeueLT-ThinExt;}
.newlist li .date b { font-weight: normal; font-size: 30px; color: #666; }
.newlist li .date p { color: #999; }
.newlist li .date span { width: 35px; display: block; height: 26px; background: url(../img/r2.png) no-repeat; margin-top: 44px; margin-left: 3px; }
.newlist li:hover { box-shadow: #bbb 0 0 20px; border-bottom: 0px; padding: 33px; padding-right: 0px; }


/***菜单***/
.pdbox { padding:50px 0; min-height:400px; line-height: 26px; font-size: 14px; color: #666; overflow: hidden; position:relative;}
.pdbox img { max-width: 100%; }


.ntit { border-bottom: 1px dotted #ddd; padding-bottom: 12px; text-align: center; margin-bottom: 18px; }
.ntit h1 { font-size: 18px; font-weight: normal; color: #666; }
.ntit p { font-size: 12px; color: #999; }
.ntit .s1{ background:url(../time.png) no-repeat left center; padding-left:25px;}
.ntit .s2{ background:url(../eye.png) no-repeat left center; padding-left:25px; margin-left:30px;}
.prevnext { overflow: hidden; margin-top: 18px; }
.prevnext a { color: #666; display: block; }
.prevnext a:hover { color: #0090da; }


/***客户留言***/
.nyc-left{ float:left; width:50%; line-height:30px;}
.nyc-left .p1{ background:url(../cc1.png) no-repeat left center; padding-left:30px;}
.nyc-left .p2{ background:url(../cc2.png) no-repeat left center; padding-left:30px;}
.nyc-left .p3{ background:url(../cc3.png) no-repeat left center; padding-left:30px;}
.nyc-left .p4{ background:url(../cc4.png) no-repeat left center; padding-left:30px;}
.nyc-right{ float:right; width:40%;}

.book .intext{ padding:10px; width:48%; float:left; border:1px solid #eee; margin-bottom:12px;}
.book .intext.i2{ float:right;}
.book .intext.te{ float:none; width:100%; height:80px;}
.book .sbtn{ padding:10px; width:120px; border:0px; cursor:pointer; background:#0090da; color:#fff;}
.cmap{ margin-top:20px; height:400px;}

.tips{ color:#e67817; height:35px; line-height:35px;}

/**分页**/
.pagelist { margin-top:50px; text-align: center; margin-bottom:50px; }
.pagelist a, .pagelist span, .pagelist label { padding:8px 12px; background:#e2e2e2;  color: #888; margin: 0 5px; }
.pagelist b { font-weight: normal; color: #333; margin: 0 2px; }
.pagelist a:hover,.pagelist a.on, .pagelist span.current { background: #0090da;  color: #fff; }
.pagelist label{ display:none;}


/***底部信息***/
.footer{ background:#2b373d; overflow:hidden; padding-top:72px;}
.footer .dbcon{ float:left; width:278px; border-right:1px dotted #3b484e; height:248px; color:#999; background:url(../kf.png) no-repeat center top;}
.footer .dbcon .p1{ font-size:18px; text-align:center; padding-top:55px;}
.footer .dbcon .p2{ font-size:14px; padding-top:27px;}
.footer .dbcon h1 { font-size:27px; font-family:Arial; font-weight:normal;}
.footer .dbcon .p3{ font-size:14px; padding-left:48px;}
.footer dl{ float:left; width:13%; margin-left:32px;}
.footer dl dt a{ font-size:16px; color:#bcbcbc; margin-bottom:12px; display:block;}
.footer dl dt a:hover{ color:#f58100;}
.footer dl dd a{ display:block; font-size:14px; color:#999; line-height:35px;}
.footer dl dd a:hover{ color:#f58100;}
.footer .dbewm{ float:right; color:#999; width:165px; background:url(../k.png) no-repeat center top; text-align:center; font-size:14px; }
.footer .dbewm img{ display:block; width:144px; height:144px; margin:0 auto; margin-top:11px; margin-bottom:25px;}
.footer .copyright{ border-top:1px solid #3b484e; margin-top:60px; padding:25px 0; font-size:14px; color:#999; text-align:center;}


/***咨询***/
.zhixun{ position:fixed; z-index:1111; right:0px; bottom:20%;}
.zhixun ul li{ position:relative; margin-bottom:1px; width:77px; height:57px;}
.zhixun ul li .zxc{ width:77px; height:57px; background:#0090da; position:absolute; right:0px; top:0px; transition:all 0.3s ease;}
.zhixun ul li .zxc.ztel span{height:57px; text-align:center; font-family:'HelveticaNeueLTCom-LtEx'; width:150px; overflow:hidden; float:right; color:#fff; font-size:14px; line-height:57px;}
.zhixun ul li .zxc em{ display:block; width:77px; text-align:center; height:57px; font-size:12px; padding-top:36px; color:#fff; float:left;}
.zhixun ul li .zxc.zqq em{ background:#0090da url(../kefu/qq.png) no-repeat center 9px;}
.zhixun ul li .zxc.ztel { width:227px; right:-150px;}
.zhixun ul li .zxc.ztel em{ background:#0090da url(../kefu/tel.png) no-repeat center 9px; border-right:1px solid #0887c9}
.zhixun ul li .zxc.zwx em{ background:#0090da url(../kefu/ewm.png) no-repeat center 9px;}
.zhixun ul li .zxc.zwx span{ position:absolute; right:77px; top:0px; width:120px; height:115px; background:#0061ac; transition:all 0.3s ease; transform:scale(0); transform-origin:right center; padding:5px;  opacity:0;}
.zhixun ul li .zxc.zwx span img{ display:block; width:100%; height:100%;}
.zhixun ul li .zxc.ztp em{ background:#0090da url(../kefu/top.png) no-repeat center 9px;}
.zhixun ul li:hover .zxc.zqq,.zhixun ul li:hover .zxc.ztp{ width:85px;}
.zhixun ul li:hover .zxc.ztel{ right:0px; }
.zhixun ul li:hover .zxc.zwx span{ transform:scale(1); opacity:1;}